/*
  学习目标：hooks三个使用限制
  1. ❌不能在if else语句中使用hooks
  2. ❌不能在for语句中使用hooks
  3. ❌不能在普通函数中使用hooks

  什么是React中的特殊函数：

    1. 函数式组件
    2. useXxx命名的自定义hooks函数
  
*/

import { useState } from 'react';

let isShow = true;

export default function App() {
  let [count, setCount] = useState(99);

  // if (isShow) {
  //   const [msg, setMsg] = useState('hello React');
  // }

  const [title, setTitle] = useState('123');

  const list = [1, 2, 3];

  // for (let i = 0; i < list.length; i++) {
  //   const [title, setTitle] = useState('123');
  // }

  const handleAdd = () => {
    setCount(count + 1);
  };

  return (
    <>
      <h1>App - {count}</h1>
      <button onClick={handleAdd}>点我+1</button>
    </>
  );
}
